草庐IT

css - 用CSS分隔两个div

全部标签

javascript - 有没有办法模糊所有页面并使用 jquery/javascript 聚焦某些 div?

有什么方法可以模糊所有页面(例如设置新背景并使用z-index将其置于前景)并使用jquery/javascript聚焦某些div(比如说错误消息)?您知道用于该目的的任何插件吗?这就是我想要的: 最佳答案 您可以使用jQueryUI对话框并使用CSS更改带有模糊背景图像的叠加div背景,如下所示:http://css-tricks.com/examples/BlurryBackgroundEffect/——或者——您可以将jQueryUI对话框与此处的CSS文本模糊效果混合使用:http://motyar.blogspot.com

javascript - jQuery滚动条移动时如何隐藏Div?

我只希望#menu在滚动条移动时淡出以提供一个不那么困惑的界面。是否有允许这样做的代码?我想基本上我正在寻找的是如何获取滚动条移动事件。在滚动1秒后慢慢淡出#menu并在滚动条不活动2秒后恢复#menu。非常感谢! 最佳答案 var$menu=$("#menu");varopacity=$menu.css("opacity");varscrollStopped;varfadeInCallback=function(){if(typeofscrollStopped!='undefined'){clearInterval(scrollS

javascript - Jquery 在 ul 中选择具有跨度的 div

采用以下代码:ABCULselectedDEFULnotselected我需要选择li.section中的每个ul.items,它有一个带有类“show”的跨度。在此示例中,应仅选择第一个ul.items。我需要什么jquery选择器? 最佳答案 这可以解决问题(http://jsfiddle.net/bmqyF/1/):$("ulli.section:has(span.show)ul.itemsli"); 关于javascript-Jquery在ul中选择具有跨度的div,我们在Sta

javascript - jQuery 使用箭头键移动 div

我正在尝试使用箭头键移动一个div。我有以下代码不适合我。你看有什么问题吗?检查jsfiddlehttp://jsfiddle.net/N5Ltt/1/$(document).keydown(function(e){switch(e.which){case37:$('div').stop().animate({left:'-=10'});//leftarrowkeybreak;case38:$('div').stop().animate({top:'-=10'});//uparrowkeybreak;case39:$('div').stop().animate({left:'+=10'

javascript - 为什么这里的 apply() 只接受一个参数而不是两个?

我正在阅读Javascript:好的部分这本书。我对以下代码感到困惑。Function.method('curry',function(){varslice=Array.prototype.slice,args=slice.apply(arguments),that=this;returnfunction(){returnthat.apply(null,args.concat(slice.apply(arguments)));};});slice.apply(arguments)中的null在哪里? 最佳答案 arguments作为

javascript - jQuery .each() 方法的两个参数的解释

在下面的jQuery中,.each()方法有两个参数:'ullia'和menu。这两个参数是什么意思?varmenu=$('.menu');$('ullia',menu).each(function(){$(this).append('');});HTML:EditProfileAccountSettingsAppearOfflineLogout 最佳答案 jQuery函数的第二个参数是上下文。这告诉jQuery只搜索那个上下文中的元素所以对于你的例子:$('ullia',menu).each(function(){$(this).

javascript - jQuery 插件 - 内联 CSS 或外部样式表?

我正在编写一个jquery插件,我在考虑是否应该移动.js文件中的所有CSS,以使其更容易设置。我应该这样做吗?性能方面太糟糕了吗? 最佳答案 最常用的是:jquery.myplugin.jsjquery.myplugin.css并将这些一起提供给使用该插件的任何人。这是一个额外的要求,但它正在实践关注点分离:样式和逻辑。 关于javascript-jQuery插件-内联CSS或外部样式表?,我们在StackOverflow上找到一个类似的问题: https:

javascript - 使用 jQuery 更改 CSS 规则定义

假设您要更改许多元素的宽度,例如模拟表格。我知道你可以这样做:$(".class").css('width','421px');这改变了内联style='width:421px;'每个元素的属性。现在,我想做的是:更改实际的CSS规则定义:.class{width:375px;==[changeto]==>421px;}当涉及到100甚至1000的嵌套时和需要更改,这似乎比让jQuery通过.css()来完成工作更能提高性能。方法。我找到了thisexample-这就是我想要做的:varstyle=$('.class{width:421px;}')$('html>head').appe

javascript - 检查某些 div 之间的碰撞

如何检查某些div之间的碰撞?目前我正在使用getBoundingClientRect(),但它会检查每个div:if(this.getBoundingClientRect()){animateContinue=1;}我将如何去检查特定的?使用此for循环,我可以获得要检查的div的ID:for(varx=1;x 最佳答案 好吧,我最终使用了thisduplicate的修改版本.完成工作的函数是:varoverlaps=(function(){functiongetPositions(elem){varpos,width,heigh

javascript - 如何在不使用 css 转换的情况下将 jQuery animate 与 css3 属性结合起来?

在这个例子中;我正在尝试使用css3旋转属性创建一个jQuery动画。我可以用css3transition和jQuerycss()来管理这个动画,但我想用jQueryanimate()来根据旋转deg值来做这个到我的jQuery变体。是否可以在jQuery1.8.0中使用带有css3属性值的动画?HereisjsFiddletoinspect.jQuery:varrotateVal=90;//thismethodisn'tworking$('.red').animate({'transform':'rotate('+rotateVal+'deg)'},500);//thiswaywor